import React from 'react';
import { TreeSelect  } from 'antd';
const SHOW_PARENT = TreeSelect.SHOW_PARENT;
const SHOW_ALL = TreeSelect.SHOW_ALL;
const TreeNode = TreeSelect.TreeNode;

const treeData = [{
  label: 'Node1',
  value: '0-0',
  key: '0-0',
  children: [{
    label: 'Child Node1',
    value: '0-0-0',
    key: '0-0-0',
  }],
}, {
  label: 'Node2',
  value: '0-1',
  key: '0-1',
  children: [{
    label: 'Child Node3',
    value: '0-1-0',
    key: '0-1-0',
  }, {
    label: 'Child Node4',
    value: '0-1-1',
    key: '0-1-1',
  }, {
    label: 'Child Node5',
    value: '0-1-2',
    key: '0-1-2',
  }],
}];

class TreeChoose extends React.Component {
	state = {
	    value: ['0-0-0'],
	  }
	  onChange = (value) => {
	    console.log('onChange ', value, arguments);
	    this.setState({ value });
	  }
	  render() {
	    const tProps = {
	      treeData,
	      value: this.state.value,
	      onChange: this.onChange,
	      multiple: true,
	      treeCheckable: true,
	      showCheckedStrategy: SHOW_ALL,
	      searchPlaceholder: '请选择',
	    };
	    return <TreeSelect {...tProps} />;
	  }
}

export default TreeChoose;